<script setup>
import bg from '@/assets/img/title1.png'
const props = defineProps({
  title: String
})
</script>

<template>
  <div class="first-level-heading relative flex items-center">
    <div class="first-level-heading-title m-l-60 z-9999">{{ props.title }}</div>
    <img :src="bg" alt="" class="absolute top-0 left-0 w-full h-full z-1" />
  </div>
</template>

<style scoped>
.first-level-heading {
  width: 100%;
  height: 100%;
}

.first-level-heading-title {
  font-family: 'AliBold';
  color: white;
  font-size: 22px;
}
</style>
